﻿@using Kendo.Mvc.UI;
@{
    if (!Request.IsAjaxRequest())
    { Layout = "../Shared/_Layout.cshtml"; }
    else
    { Layout = null; }
}
@model TS2015.Models.TbThiSinh


<div class="panel-body">
    @using (@Html.BeginForm("RegistrationFormVocation", "CandidateManagement", FormMethod.Post))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)
        @Html.HiddenFor(m => m.MaTS)
    <input type="hidden" name ="RequestTS" value="@ViewBag.HDT" />
    <div class="form-group">
        <div class="col-lg-6 col-md-6">
            <div class="row">
                <strong>1. Họ, tên đệm và tên của thí sinh </strong><i>(Viết đúng như giấy khai sinh)</i>
            </div>

            <div class="col-lg-5 col-md-5">
                <div class="row">
                    @Html.TextBoxFor(m => m.HoDem, new { @class = "form-control", placeholder = "Họ và Têm đệm..." })
                </div>
            </div>
            <div class="col-lg-3 col-md-3">
                @Html.TextBoxFor(m => m.Ten, new { @class = "form-control", placeholder = "Tên..." })
            </div>
        </div>
        <div class="col-lg-6 col-md-6">
            <div class="row">
                <strong>2. Giới tính:</strong>
            </div>
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    @Html.EnumDropDownListFor(m => m.GioiTinh, new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.GioiTinh)
                </div>
            </div>
        </div>
    </div>
    <div style="clear:both"></div>
    <div class="form-group">
        <div class="col-lg-12 col-md-12">
            <div class="row">
                <div class=" col-lg-1 col-md-1">
                    <div class="row row-top-label"><strong>3. Ngày sinh:</strong></div>
                </div>
                <div class="col-lg-3 col-md-3">
                    <div class="row-top-input">
                        @Html.TextBoxFor(e => e.NgaySinh, new { type = "date", @class = "form-control", @Value = (Model.NgaySinh.Equals(default(DateTime)) ? DateTime.Now.ToString("MM-dd-yyyy") : Model.NgaySinh.ToString("yyyy-MM-dd")) })
                        @Html.ValidationMessageFor(model => model.NgaySinh)
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="clear:both"></div>
    <div class="form-group">
        <div class="col-lg-6 col-md-6">
            <div class="row">
                <strong>4. Dân tộc:</strong>
            </div>
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    @Html.DropDownList("MaDanToc", (SelectList)ViewBag.DanToc, "Chọn Dân tộc", new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.MaDanToc)
                </div>
            </div>

        </div>
        <div class="col-lg-6 col-md-6">
            <div class="row">
                <strong>
                    5. Thuộc đối tượng ưu tiên :
                </strong>
            </div>
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    @Html.DropDownList("MaDoiTuong", (SelectList)ViewBag.DoiTuongUuTien, "Chọn Đối tượng", new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.MaDoiTuong)
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <strong>6. Hộ khẩu thường trú</strong>:<br />
        <div class="col-lg-6 col-md-6">
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    <strong>Tỉnh :</strong>
                    @Html.DropDownList("MaTinh", (SelectList)ViewBag.Tinh, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh-error MaTinh-error MaTinh-error", id = "ProvinceVocationalID" })
                    <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6">

            <div class="col-lg-8 col-md-8">
                <div class="row">
                    <strong>Huyện: </strong>
                    @if (Model.MaTS != null)
                    {
                        @Html.DropDownListFor(m => m.MaHuyen, (SelectList)ViewBag.Huyen, "Chọn Huyện...", new { @class = "form-control", id = "CommuneVocationalID" })
                    }
                    else
                    {
                        @Html.DropDownListFor(m => m.MaHuyen, new SelectList(Enumerable.Empty<SelectListItem>(), "MaHuyen", "TenHuyen"), "Chọn Huyện...", new { @class = "form-control", id = "CommuneVocationalID" })
                    }
                    @Html.ValidationMessageFor(model => model.MaHuyen)
                </div>
            </div>

        </div>
    </div>
    <div style="clear:both"></div>
    <div class="form-group">
        <div class="col-lg-6 col-md-6">
            <div class="row">
                <strong>7. Địa chỉ:</strong>:
            </div>
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    @Html.TextBoxFor(m => m.DiaChi, new { @class = "form-control" })
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6">
            <div class="row">
                <strong>8. Cơ quan công tác:</strong>:
            </div>
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    @Html.TextBoxFor(m => m.CoQuanCongTac, new { @class = "form-control", data_val_required = " " })
                </div>
            </div>
        </div>
    </div>
    <div style="clear:both"></div>
    <div class="form-group">
        <strong>9. Nơi tốt nghiệp :</strong><br />
        <div class="col-lg-6 col-md-6">
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    <strong>Tỉnh :</strong>
                    @Html.DropDownList("MaTinh", (SelectList)ViewBag.TinhTruong, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh-error MaTinh-error MaTinh-error", id = "ProvinceVocationalID2" })
                    <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6">
            <div class="col-lg-8 col-md-8">
                <div class="row">
                    <strong>Trường THPT : </strong>
                    @if (Model.MaTS != null)
                    {
                        @Html.DropDownListFor(m => m.IDTruong, (SelectList)ViewBag.TruongTHPT, "Chọn Trường...", new { @class = "form-control", id = "HighSchoolVocationalID" })
                    }
                    else
                    {
                        @Html.DropDownListFor(m => m.IDTruong, new SelectList(Enumerable.Empty<SelectListItem>(), "IDTruong", "TenTruong"), "Chọn Trường...", new { @class = "form-control", id = "HighSchoolVocationalID" })
                    }
                    @Html.ValidationMessageFor(model => model.IDTruong)
                </div>
            </div>
        </div>
    </div>
    <div style="clear:both"></div>
        <div class="form-group">
            <strong>9. Điểm Trung học phổ thông :</strong><br />
            <div class="col-lg-4 col-md-4">
                <div class="col-lg-4 col-md-4">
                    <div class="row"><strong>Điểm lớp 10:</strong></div>
                </div>
                <div class="col-lg-3 col-md-3">
                        @Html.TextBoxFor(m => m.DiemLop10, new { @class = "form-control" })
                </div>
            </div>
            <div class="col-lg-4 col-md-4">
                <div class="col-lg-4 col-md-4">
                    <div class="row"><strong>Điểm lớp 11:</strong></div>
                </div>
                <div class="col-lg-3 col-md-3">
                        @Html.TextBoxFor(m => m.DiemLop11, new { @class = "form-control" })
                </div>
            </div>
            <div class="col-lg-4 col-md-4 row">
                <div class="col-lg-4 col-md-4">
                    <div class="row"><strong>Điểm lớp 12:</strong></div>
                </div>
                <div class="col-lg-3 col-md-3">
                        @Html.TextBoxFor(m => m.DiemLop12, new { @class = "form-control" })
                </div>
            </div>
            @*<div class="col-lg-3 col-md-3">
                    <div class="col-lg-8 col-md-8">
                        <div class="row row-top-label"><strong>Điểm Trung bình THPT:</strong></div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="row row-top-input">
                            @Html.TextBoxFor(m => m.DiemTBTHPT, new { @class = "form-control" })
                        </div>
                    </div>
                </div>*@
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <strong>10. Điểm tốt nghiệp:</strong><br />
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-4 col-md-4">
                    <strong>Tốt nghiệp:</strong>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="row">
                            <select name="TinhTrangTotNghiep" class="form-control">
                                <option value="1">Đã tốt nghiệp</option>
                                <option value="2">Chưa tốt nghiệp</option>
                            </select>
                        </div>
                    </div>
                </div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-5 col-md-5 row">
                    <strong>Tổng điểm tốt nghiệp:</strong>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        @Html.TextBox("TongDiemTN", null, new { @class = "form-control", placeholder = "Tổng điểm...", type = "number" })
                    </div>
                </div>
        </div>
        <div style="clear:both"></div>
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>10. Số báo danh</strong><i>(SBD dự thi Tốt nghiệp)</i>:
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.SBD, new { @class = "form-control", placeholder = "Số báo danh..." })
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>11. Số minh thư nhân dân:</strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.CMND, new { @class = "form-control", placeholder = "CMND..." })
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>12. Điện thoại: </strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.SoDienThoai, new { @class = "form-control", placeholder = "SDT..." })
                        @Html.ValidationMessageFor(m => m.SoDienThoai)
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="row">
                    <strong>13. Email: </strong>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        @Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "Email...", })
                        @Html.ValidationMessageFor(m => m.Email)
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <strong>15. Đăng ký dự thi : </strong><br />
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <label>Khối thi: </label>
                        @Html.DropDownList("MaKhoiThi", (SelectList)ViewBag.KhoiThi, "Chọn Khối thi...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaKhoiThi-error MaKhoiThi-error MaKhoiThi-error", id = "GroupVocationalID" })
                        <span class="field-validation-valid" data-valmsg-for="MaKhoiThi" data-valmsg-replace="true"></span>

                        <br /><label>Chuyên ngành: </label>
                        @if (Model.MaChuyenNganh != null)
                        {
                            @Html.DropDownListFor(m => m.MaChuyenNganh, (SelectList)ViewBag.ChuyenNganh, "Chọn Chuyên ngành...", new { @class = "form-control", id = "MajorVocationalID" })
                        }
                        else
                        {
                            @Html.DropDownListFor(m => m.MaChuyenNganh, new SelectList(Enumerable.Empty<SelectListItem>(), "MaChuyenNganh", "TenChuyenNganh"), "Chọn Chuyên ngành...", new { @class = "form-control", id = "MajorVocationalID" })
                        }
                        @Html.ValidationMessageFor(model => model.MaChuyenNganh)
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="col-lg-8 col-md-8">
                    <div class="row">
                        <label>Ngành: </label>
                        @if (Model.MaTS != null)
                        {
                            @Html.DropDownList("MaNganh", (SelectList)ViewBag.Nganh, "Chọn Ngành...", new { @class = "form-control valid", id = "PhylumVocationalID", data_val = "true", aria_required = "true", data_val_required = " ", aria_describedby = "MaNganh-error MaNganh-error MaNganh-error" })
                        }
                        else
                        {
                            @Html.DropDownList("MaNganh", new SelectList(Enumerable.Empty<SelectListItem>()), "Chọn Ngành...", new { @class = "form-control valid", id = "PhylumVocationalID", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaNganh-error MaNganh-error MaNganh-error" })
                        }
                        <span class="field-validation-valid" data-valmsg-for="MaNganh" data-valmsg-replace="true"></span>
                    </div>
                </div>
            </div>
        </div>
        <div style="clear:both"></div><br />
        @*<div class="stepy-errors"></div>*@
        <div class="btn-group">
            <button class="btn btn-primary btn-primary-registration" type="submit"><b>  Đăng ký</b></button>
            <a href="#" class="btn btn-default">Hủy</a>
        </div><br /><br />
        <div style="clear:both"></div><br /><br />
    }

</div>
@*<script src="~/Scripts/jquery.stepy.min.js"></script>
    <link href="~/Content/css/jquery.stepy.css" rel="stylesheet" />*@
<script>
    //$(function () {
    //    $('form').stepy();
    //});
    $(document).ready(function () {
        $("#GroupVocationalID").change(function () {
            $("#PhylumVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Ngành..."
            }));
            var groupid = $(this).val();
            $.getJSON("/CandidateManagement/GetPhylumByGroup", {HDT : @ViewBag.HDT, makhoithi: groupid },
                   function (data) {
                       var select = $("#PhylumVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Ngành..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#PhylumVocationalID").change(function () {
            var phylumid = $(this).val();
            $("#MajorVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Chuyên ngành..."
            }));
            $.getJSON("/CandidateManagement/GetMajorByPhylum", { manganh: phylumid },
                   function (data) {
                       var select = $("#MajorVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Chuyên ngành..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID").change(function () {
            var provinceid = $(this).val();
            $("#CommuneVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Huyện..."
            }));
            $.getJSON("/CandidateManagement/GetProvinceByCommune", { matinh: provinceid },
                   function (data) {
                       var select = $("#CommuneVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Huyện..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
        $("#ProvinceVocationalID2").change(function () {
            var provinceid2 = $(this).val();
            $("#HighSchoolVocationalID").html('').append($('<option/>', {
                value: 0,
                text: "Chọn Trường..."
            }));
            $.getJSON("/CandidateManagement/GetHighSchoolByProvince", { matinh: provinceid2 },
                   function (data) {
                       var select = $("#HighSchoolVocationalID");
                       select.empty();
                       select.append($('<option/>', {
                           value: 0,
                           text: "Chọn Trường..."
                       }));
                       $.each(data, function (index, itemData) {
                           select.append($('<option/>', {
                               value: itemData.Value,
                               text: itemData.Text
                           }));
                       });
                   });
        });
    });
</script>
